/**
 * 全局通用样式 主要放置能重用的UI模块或者区域样式
 * 用于新版本网站使用
 * wjf.ui-* 组件级通用模块 搭配WJF使用
 * wjf.page-* 页面级通用模块
 * PS:用于新版本页面使用时，该文件最后整合入global.css 文件中，
 * PS2: 该文件整合入所有页面引用
 */
/*新整体容器背景*/
.content {
  background: #f1f4f4;
}
/**
 * 新版本网站布局结构  外层灰色 内层白色
 * div.container
 *             div.content.wide1190
 * <div class="container">
 *     <div class="content wide1190"></div>
 * </div>
 */
.container {
  background: #f1f4f4;
}
.container .content {
  background: #fff;
}
/************老版本通用导航样式、新版本网站继续使用******************/
body #SiteMapPath {
  height: 24px;
  background: none;
  padding: 10px 0;
  margin: 0 auto;
  min-width: 990px;
  max-width: 1190px;
  _overflow: hidden;
  width: auto;
  zoom: 1;
}
/*设置IE6 宽度*/
.hd #SiteMapPath {
  _width: 1190px;
}
.desktop #SiteMapPath {
  _width: 990px;
}
#SiteMapPath ul {
  /*margin-left: 10px;*/
}
#SiteMapPath ul li {
  float: left;
  background: url("/newimages/site_map_path_arrow.gif") no-repeat 0 7px;
  padding-left: 15px;
  padding-right: 10px;
  padding-top: 3px;
}
#SiteMapPath ul li a:hover {
  color: #F60;
  text-decoration: underline;
}
#SiteMapPath ul li:first-child {
  background: none;
  padding-left: 0;
}
/*****************前台页面专用tab样式*********************/
.wjf-ui-tab {
  font-size: 16px;
}
.wjf-ui-tab li {
  float: left;
  text-align: center;
}
.wjf-ui-tab li a {
  display: block;
  padding: 13px 0;
  width: 197px;
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  color: #333;
}
.wjf-ui-tab li a.active {
  padding-bottom: 12px;
  margin-top: -1px;
  border-top: 3px solid #fe922b;
  border-bottom: none;
}
/*公用Tab内容区容器*/
.wjf-ui-tab-content {
  height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  /*z-index不得大于10*/
  position: relative;
  z-index: 100;
  *zoom: 1;
}
.wjf-ui-tab-content.active {
  opacity: 1;
  height: auto;
  overflow: visible;
}
/*云服务器二级页面tab*/
.wjf-ui-tab-style2 {
  background: #f2faff;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-top: 1px solid #eee;
  border-bottom: 2px solid #358de2;
}
.wjf-ui-tab-style2 li {
  float: left;
  text-align: center;
}
.wjf-ui-tab-style2 li a {
  display: block;
  padding: 16px 0;
  width: 200px;
  line-height: 1;
  font-size: 20px;
  color: #666;
}
.wjf-ui-tab-style2 li a.active {
  background: #358de2;
  color: #fff;
}
/*主机租用 导航*/
.wjf-ui-tab-style3 {
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
}
.wjf-ui-tab-style3 li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: none;
}
.wjf-ui-tab-style3 .item {
  padding: 0 30px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #333;
}
.wjf-ui-tab-style3 .item:hover {
  color: #333;
}
.wjf-ui-tab-style3 .active {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-color: #358de2;
  color: #fff;
  position: relative;
}
.wjf-ui-tab-style3 .active:hover {
  color: #fff;
}
.wjf-ui-tab-style3 .active .item-arrow {
  position: absolute;
  width: 12px;
  height: 8px;
  left: 50%;
  top: 40px;
  margin-left: -6px;
  background: url("/Tpl_2016/images2016/server/server-icon.jpg") no-repeat bottom center;
  background-position: 0 -190px;
  _overflow: hidden;
}
/* 按钮模式  tab按钮 */
.wjf-ui-tab-btn {
  padding: 36px 0 0 32px;
}
.wjf-ui-tab-btn li {
  float: left;
  padding-right: 12px;
}
.wjf-ui-tab-btn .item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 26px;
  *padding: 0 24px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #4a9ced;
  font-size: 14px;
}
.wjf-ui-tab-btn .active {
  background: #4a9ced;
  color: #fff;
}
/* 圆角tab按钮 */
.wjf-ui-tab-btn-radius {
  margin: 0 auto;
  padding: 26px 0 0;
  text-align: center;
  font-size: 0;
}
.wjf-ui-tab-btn-radius li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: none;
}
.wjf-ui-tab-btn-radius .item {
  display: block;
  width: 186px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #d5d5d5;
  font-size: 16px;
}
.wjf-ui-tab-btn-radius .first {
  border-radius: 20px 0 0 20px;
}
.wjf-ui-tab-btn-radius .last {
  margin-left: -1px;
  border-radius: 0 20px 20px 0;
}
.wjf-ui-tab-btn-radius .active {
  background: #f4f6fb;
  color: #666;
}
/* 超链接tab按钮 */
.wjf-ui-tab-link {
  margin: 0 auto;
  padding: 38px 0 0;
  text-align: center;
}
.wjf-ui-tab-link li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: none;
}
.wjf-ui-tab-link li .item {
  padding: 0 16px 4px;
  font-size: 14px;
  color: #555;
}
.wjf-ui-tab-link li .active {
  border-bottom: 2px solid #ff7200;
  color: #167ad8;
}
/*小型tab*/
.wjf-ui-tab-small {
  font-size: 12px;
  border-bottom: 1px solid #e8e8e8;
}
.wjf-ui-tab-small li {
  float: left;
  margin-right: 10px;
}
.wjf-ui-tab-small li a {
  display: block;
  padding: 0 5px;
  border-bottom: 1px solid #e8e8e8;
  color: #696969;
  margin-bottom: -2px;
  height: 30px;
  line-height: 30px;
}
.wjf-ui-tab-small li a.active {
  color: #000;
  border-bottom: 2px solid #1d4a94;
}
/*锚点导航 tab*/
.wjf-page-anchor-nav-container {
  width: 100%;
  margin-top: -53px;
}
/*固定时 容器*/
.wjf-page-anchor-nav-container-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  zoom: 1;
  z-index: 1000;
  _position: absolute;
  _top: expression(eval(document.documentElement.scrollTop));
  margin-top: 0;
  background-color: #fff;
}
/*ul容器*/
.wjf-page-anchor-nav {
  width: 1190px;
  margin: 0 auto;
  background: #f2faff;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
  border-bottom: 2px solid #358de2;
  _position: relative;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  /* _border:1px solid red; */
}
.wjf-page-anchor-nav li {
  float: left;
  text-align: center;
}
.wjf-page-anchor-nav li a {
  display: block;
  padding: 18px 30px 16px;
  line-height: 1;
  font-size: 16px;
  color: #333;
}
.wjf-page-anchor-nav .active {
  margin: 0 0 -2px;
  background: #fff;
  border: 2px solid #358de2;
  border-bottom: 2px solid #fff;
  *z-index: 10;
  *position: relative;
}
@media screen and (max-width: 1206px) {
  .wjf-page-anchor-nav {
    width: 990px;
  }
}
.desktop .wjf-page-anchor-nav {
  width: 990px;
}
/*****************tab选项卡 结束*********************/
/**
 * 前台提示信息
 */
.sales-label {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: absolute;
  top: 20px;
  right: 10px;
  font-size: 12px;
  line-height: 20px;
}
.sales-domain {
  padding: 0 4px;
  background-color: #e8f8fe;
  border-radius: 16px;
  border: 1px solid #c7dff9;
  z-index: 1;
  color: #2086EE;
}
/*省100*/
.sales-money {
  padding: 0 2px;
  border-radius: 2px 2px 2px 0;
  background: #2fd72b;
  color: #fff;
  text-align: center;
}
.sales-money i {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 10px;
  height: 10px;
  background: url("/Tpl_2016/images2016/webhosting/basic-icon.jpg") no-repeat 0 -400px;
}
.sales-label .sales-label-tip {
  position: absolute;
  top: 30px;
  left: 10px;
  padding: 4px 10px;
  width: 194px;
  line-height: 18px;
  background: #FEFDF8;
  border-radius: 4px;
  border: 1px solid #efdfc3;
  font-size: 12px;
  text-align: left;
  z-index: 19;
  color: #E27001;
  display: none;
}
.sales-label .sales-label-tip i {
  position: absolute;
  top: -10px;
  left: 10px;
  width: 10px;
  height: 10px;
  background: url("/Tpl_2016/images2016/icon.jpg") no-repeat -2px -1616px;
}
.sales-label:hover .sales-label-tip {
  display: block;
}